<!--%import("popup.js")-->
<!--%import("popup.css")-->
<!--%import("../lang")-->

<div id="popHeader">
    <h3 class="xeAdmin">{$component_info->title} ver. {$component_info->version}</h3>
</div>

<form action="./" method="get" onSubmit="return false" id="fo">
    <div id="popBody">
        <table cellspacing="0" class="rowTable">
        <col width="120" />
        <col />
        <col />
        <col />
        <col />
        <col />
        <tr>
            <th scope="row"><div>{$lang->quotation_use_folder}</div></th>
            <td colspan="5">
                <input type="checkbox" id="quotation_use" value="Y" onclick="toggle_folder(this)" />

                <div id="folder_area" style="display:none">
                    <table cellspacing="0" class="colTable gap1">
                    <col width="150" />
                    <col />
                    <tr>
                        <th scope="row"><div>{$lang->quotation_opener}</div></th>
                        <td><input type="text" class="inputTypeText" id="quotation_opener" value="{$lang->quotation_cmd_opener}" /></td>
                    </tr>
                    <tr>
                        <th scope="row"><div>{$lang->quotation_closer}</div></th>
                        <td><input type="text" class="inputTypeText" id="quotation_closer" value="{$lang->quotation_cmd_closer}" /></td>
                    </tr>
                    <tr>
                        <th scope="row"><div>{$lang->folder_text_bold}</div></th>
                        <td><input type="checkbox" name="bold" value="Y" id="quotation_bold" /> <label for="quotation_bold">{$lang->about_folder_text_bold}</label></td>
                    </tr>
                    <tr>
                        <th scope="row"><div>{$lang->folder_text_color}</div></th>
                        <td>
                            <div class="editor_link_type" >
                                <input type="radio" name="color" value="blue" id="quotation_color_blue" />
                                <label for="quotation_color_blue" class="editor_blue_text">{$lang->folder_text_color_blue}</label>
                            </div>
                            <div class="editor_link_type" >
                                <input type="radio" name="color" value="red" id="quotation_color_red" />
                                <label for="quotation_color_red" class="editor_red_text">{$lang->folder_text_color_red}</label>
                            </div>
                            <div class="editor_link_type" >
                                <input type="radio" name="color" value="yellow" id="quotation_color_yellow" />
                                <label for="quotation_color_yellow" class="editor_yellow_text">{$lang->folder_text_color_yellow}</label>
                            </div>
                            <div class="editor_link_type" >
                                <input type="radio" name="color" value="green" id="quotation_color_green" />
                                <label for="quotation_color_green" class="editor_green_text">{$lang->folder_text_color_green}</label>
                            </div>
                        </td>
                    </tr>
                    </table>
                </div>
            </td>
        </tr>
        <tr>
            <th scope="row"><div>{$lang->quotation_padding}</div></th>
            <td><input type="text" class="inputTypeText" size="2" id="quotation_padding" value="5" />px</td>
            <th scope="row"><div>{$lang->quotation_margin}</div></th>
            <td><input type="text" class="inputTypeText" size="2" id="quotation_margin" value="5" />px</td>
            <th scope="row"><div>{$lang->quotation_border_thickness}</div></th>
            <td><input type="text" class="inputTypeText" size="1" id="border_thickness" value="1" />px</td>
        </tr>
        <tr>
            <th scope="row"><div>{$lang->quotation_border_style}</div></th>
            <td colspan="5">
                <div class="border_type">
                    <input type="radio" name="border_style" value="" id="border_style_none" />
                    <label for="border_style_none">
                        <img src="./images/blank.gif" class="border_preview_none_color" alt="blank" />
                        {$lang->quotation_border_style_list[0]}
                    </label>
                </div>
                <div class="border_type">
                    <input type="radio" name="border_style" value="solid" id="border_style_solid" checked="checked" />
                    <label for="border_style_solid">
                        <img src="./images/border_solid.gif" class="border_preview_color" id="border_style_solid_icon" alt="solid" />
                        {$lang->quotation_border_style_list[1]}
                    </label>
                </div>
                <div class="border_type">
                    <input type="radio" name="border_style" value="dotted" id="border_style_dotted" />
                    <label for="border_style_dotted">
                        <img src="./images/border_dotted.gif" class="border_preview_color" id="border_style_dotted_icon" alt="dotted" />
                        {$lang->quotation_border_style_list[2]}
                    </label>
                </div>
                <div class="border_type">
                    <input type="radio" name="border_style" value="left_solid" id="border_style_left_solid" />
                    <label for="border_style_left_solid">
                        <img src="./images/border_left_solid.gif" class="border_preview_color" id="border_style_left_solid_icon" alt="left solid"/>
                        {$lang->quotation_border_style_list[3]}
                    </label>
                </div>
                <div class="border_type">
                    <input type="radio" name="border_style" value="left_dotted" id="border_style_left_dotted" />
                    <label for="border_style_left_dotted">
                        <img src="./images/border_left_dotted.gif" class="border_preview_color" id="border_style_left_dotted_icon" alt="left dotted"/>
                        {$lang->quotation_border_style_list[4]}
                    </label>
                </div>
            </td>
        </tr>
        <tr>
            <th scope="row"><div>{$lang->quotation_border_color}</div></th>
            <td colspan="5">
                <div class="editor_color_box">
                    <script type="text/javascript">
                        printColor("border", "{$tpl_path}/images/blank.gif");
                    </script>
                </div>

                <ul class="buttonLeft">
                    <li><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></li>
                    <li>#<input type="text" id="border_color_input" size="6" maxlength="6" class="inputTypeText" value="000000" onkeyup="manual_select_color('border',this)"/></li>
                </ul>

            </td>
        </tr>
        <tr>
            <th scope="row"><div>{$lang->quotation_bg_color}</div></th>
            <td colspan="5">
                <div class="editor_color_box">
                    <script type="text/javascript">
                        printColor("bg", "{$tpl_path}/images/blank.gif");
                    </script>
                </div>
                <ul class="buttonLeft">
                    <li><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></li>
                    <li>#<input type="text" id="bg_color_input" size="6" maxlength="6" class="inputTypeText" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></li>
                </ul>
            </td>
        </tr>
        </table>
    </div>

    <div id="popFooter">
        <a href="#" onclick="insertQuotation()" class="button black strong"><span>{$lang->cmd_insert}</span></a>
        <a href="#" onclick="winopen('./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}','ComponentInfo','left=10,top=10,width=10,height=10,resizable=no,scrollbars=no,toolbars=no');return false;" class="button"><span>{$lang->about_component}</span></a>
    </div>

</form>
